<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>消息-列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
    <link th:href="@{/bon/css/bh-css.css}" rel="stylesheet">
    <link th:href="@{/bon/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/bon/highlight/styles/railscasts.css}">
</head>
<body>
<div class="container-fluid" style="padding:0;">
    <div class="bh-content">

        <div class="bh-nav-sidebar">
            <ul>
                <li><a class="active" href="message_list.html">世界</a></li>
                <li><a href="message_detail.html">我</a></li>
            </ul>
        </div>

        <div class="bh-main">
            <div class="bh-main-body">
                <!--header-->
                <nav class="bh-header">
<!--                    <a class="active" href="#">时下流行</a>-->
                    <a class="active" href="#">消息 .</a>
                    <a href="#">活动 .</a>
                    <a href="#">需求 .</a>
                </nav>
                <div class="bh-card"  th:each="domain : ${messages.list}">
                    <div class="bh-card-main">
                        <h3 class="bh-card-main-title" ><a th:href="@{'/message/get/'+${domain.id}}" th:text="${domain.title}"></a></h3>
                        <p class="bh-card-main-info" th:text="${domain.content}"></p>
                        <div class="bh-card-tag">
                            <div><i class="fa fa-clock-o"></i><i th:text="${domain.publishTime != null} ? ${#dates.format(domain.publishTime,'yyyy-MM-dd HH:mm:ss')}"></i></div>
                            <div><i class="fa fa-eye"></i><i th:text="${domain.viewCount}"></i></div>
<!--                            <div><i class="fa fa-commenting-o"></i><i th:text="${domain.praiseCount}"></i></div>-->
<!--                            <div><i class="fa fa-angle-up"></i><i th:text="${domain.praiseCount}"></i></div>-->
                            <div><i class="fa fa-heart"></i><i th:text="${domain.praiseCount}"></i></div>
                        </div>
                    </div>
                </div>

<!--                <div class="bh-more"><a href="message_detail.html">查看更多</a></div>-->
                <!--page nav start-->
                <nav aria-label="Page navigation example">
                    <div th:replace="com/com::pageNav(${messages},'←','→','message','list')"></div>
                </nav>

                <!--page nav end-->
            </div>
            <!--footer-->
            <div class="bh-footer">
                <p class="bh-copyright"><a href="#">联系我们</a> | 本设计由艾迪.工作室荣誉出品</p>
                <p class="bh-copyright">copyright @ 2019~2038 艾迪.工作室（www.jeanstudio.cn）</p>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/bon/jquery/jquery.min.js}"></script>
<script th:src="@{/bon/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/bon/highlight/highlight.pack.js}"></script>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>